<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>灯光管理</title>

<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="./js/application/base.js"></script>
<script type="text/javascript" src="./js/application/smartLightList.js"></script>
<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript" src="./laydate/laydate.js"></script>
<style>
.modal-dialog .table td, .table th{border:0px}
</style>
</head>
<body>
<div class="incList">	
    <div class="formbody" name="memberMyActivity">
    	<div class="leftMenuTitle formtitle"><span>灯光管理</span></div>
         <div class="tools">
            <ul class="seachform">   
            	<li><label>&nbsp;</label><input id="btnSerch" type="button" class="scbtn" data-drop="static" data-toggle="modal" data-target="#addModal" value="新增设备"/></li>
            </ul>
            <ul class="seachform">   
            	<li>
                	<label>空间名称</label>
                    <div class="vocation">
                        <select class="tlselect" name="spaceSelect" id="searchSpace">
                            <option value="0" selected>请选择</option>
                        </select>
                    </div>
				</li>
            </ul>
            
        </div>
        <div id="usual1" class="usual">     
            <div id="tab2" class="tabson">    
	            <table class="tablelist">
                    <thead>
                        <tr>
                            <th>空间名称</th>
                            <th>灯光名称</th>
                            <th>硬件ID</th>
                            <th>安装位置</th>
                            <th>创建时间</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="userTable"></tbody>
                </table>
                <div class="pagin">
                    <div class="message">共<i id="totalRow" class="blue">0</i>条记录，每页<i id="pageSize" class="blue">0&nbsp;</i>条记录，当前显示第&nbsp;<i id="currentPage" class="blue">1&nbsp;</i>页</div>
                    <ul class="paginList" ></ul>
                </div>
            </div>
        </div>   
    </div>
</div>


<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">新增灯光</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
            <table class="table">
			    <tbody>
			    <tr><td><font color="red">*</font>空间名称</td><td>位置</td></tr>
			    <tr>
				    <td>
					    <select class="select1" name="clientId" id="padd_client_id" >
			                <option value="0" selected>请选择</option>
			            </select>
		            </td>
		            <td>
		            	<select class="select1" name="spaceId" id="padd_space_id"  >
		                    <option value="0" selected>请选择</option>
		                </select>
						</td>
				</tr>
				<tr><td><font color="red">*</font>灯光名称</td><td><font color="red">*</font>硬件ID</td></tr>
			    <tr>
				    <td><input type="text" name="utitle" class="tlinput"  id="clientName2" placeholder="请输入灯光名称" /></td>
		            <td><input type="text" name="utitle" class="tlinput"  id="clientName2" placeholder="请输入硬件ID" /></td>
				</tr>
				</tbody>
			</table>
			</div>
            <div class="modal-footer" style="text-align:center;display: block">
             	<button type="button" class="btn btn-primary">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
               
            </div>
        </div>
    </div>
</div>

</body>
</html>